@function px2rem( $px ){
  @return $px*320/$designWidth/20 + rem;
}
$designWidth: 750;

*{
  margin:0;
  padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
html,body { font-family: Helvetica,sans-serif;-webkit-text-size-adjust: none;}
body{
  width: 16rem;
  margin: 0 auto;
  color:#999;
  //background: #f8f8f8;
}
strong { font-weight: bold;}
ul, ol { list-style: none outside none;}
input, select, textarea, option, button{ border:0 none;}
a,button,input,optgroup,select,textarea {
  -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
}
a:link, a:visited, a:active { text-decoration: none;}
a, img {
  -webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/
}
i, cite, em { font-style: normal;}
/* Clearfix,*/
.clearfix:after{content:"\0020"; height:0; display:block; clear:both;}
.clearfix{ clear:both; font-size:0;zoom:1}

.wrap{
  max-width: 16rem;
  margin: 0 auto;
  overflow: hidden;
  width:100%;
  direction: rtl;
}

.none{display:none!important;}
.fl{ float:left}
.fr{ float:right}


.borT{ border-top:1px solid #bbb}
.borL{border-left:1px solid #bbb;}
.borB{border-bottom:1px solid #bbb;}
.borR{border-right:1px solid #bbb;}

.back_w{background:white;}/*白色背景*/


.bor_colf9{border:1px solid #f99b6c!important;color:#f99b6c;}/*选中的边框*/
.bor_bb{border:1px solid #bbb;}/*没选中默认的边框*/

.text_c{text-align: center;}
.text_l{text-align: left;}
.text_r{text-align: right;}

.pd28 {  padding:px2rem(28);}

.overhidden{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.col_ff0b0b {
  color: #ff0b0b;
}
.col_4a4a4a {
  color: #4a4a4a;
}

ul.table{display:table;width:100%;}
ul.table li{display:table-cell;text-align: center;}
/*ul.table li a{display: block;float:left;width:100%;}*/

/*遮罩*/
.shadow{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:black;
  opacity: .5;
  z-index: 11;
  display: none;
}


.flex {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex>.cell{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
  display: block;
  padding: 0!important;
  position: relative;
}
/*返回顶部*/
#scrollTop{width:3rem;height:3rem;position:fixed;bottom:5.5rem;right:1rem;display:none;}
#scrollTop i.iconfont{font-size:3rem;}

/*上下拉文字提示*/
.topLoad {  display: none;  background-color: #f5f5f5;  padding: 0.5rem 0;  text-align: center;  }
#loadDown {    bottom: 6rem;  width: 100%;  }

#main-loading {
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}

#nav {
  height: px2rem(80);
  width: 16rem;
  overflow: inherit;
  position: fixed;
  z-index: 10;
  border-bottom: 1px solid #dedede;
  top: 0;
}
#fixtop {
  height: px2rem(80);
  background: #fff;
  z-index: 11;
  position: absolute;
  width: 100%;
}
#fixtop .btn i{
  color: #4a4a4a;
  font-size: px2rem(48);
  line-height: px2rem(80);
}
#fixtop .btn-right {
  margin-right: px2rem(20);
}
#fixtop .btn-left {
  margin-left: px2rem(20);
}
#fixtop .center {
  width: 100%;
  position: absolute;
  padding: 0 px2rem(75);
  color: #4a4a4a;
  font-size: px2rem(30);
  line-height: px2rem(80);
  height: px2rem(80);
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  z-index: -1;
}
#fixtop .badge {
  position: absolute;
  left: px2rem(25);
  top: px2rem(5);
  font-size: px2rem(24);
  width: px2rem(30);
  height: px2rem(30);
  text-align: center;
  background: red;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius:50%;
  line-height: px2rem(30);
  color: #fff;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/*防止遮罩层的时候页面一起滚动*/
.alpha {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.alpha body {
  height: 100%;
  overflow: hidden;
}

/*swiper*/
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 5px;
  width: 100%;
  z-index: 999;
}
